/* 图标样式 */

/* 箭头图标 */
.icon-arrow-right {
  background-image: url('/static/images/icons/arrow-right.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-arrow-left {
  background-image: url('/static/images/icons/arrow-left.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-arrow-up {
  background-image: url('/static/images/icons/arrow-up.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-arrow-down {
  background-image: url('/static/images/icons/arrow-down.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 通用图标尺寸 */
.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.icon-24 {
  width: 24px;
  height: 24px;
}

.icon-32 {
  width: 32px;
  height: 32px;
}

/* 铺满容器 */
.icon-cover {
  background-size: cover;
}

/* 保持比例 */
.icon-contain {
  background-size: contain;
} 